<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="/struts-tags" prefix="s" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>

<head>
        <base href="<%=basePath%>">
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="TMT首页,thenmore推荐电影,推荐好玩的东西,福利">
	<meta http-equiv="Description" content="thenmorethings专注推荐,thenmoret值得你关注的网站">
	<link href="http://www.thenmoret.com/img/favicon.ico" rel="SHORTCUT ICON" >

    <title>TMT首页</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="css/animate.css" rel="stylesheet" />
    <!-- Squad theme CSS -->
    <link href="css/style.css" rel="stylesheet">
	<link href="color/default.css" rel="stylesheet">

</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
	<div id="preloader">
	  <div id="load"></div>
	</div>

    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.jsp">
                    <h1>TMT</h1>
                </a>
            </div>
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#intro">主页</a></li>
        <li><a href="#about">文章</a></li>
		<li><a href="#service">关于我们</a></li>
		<li><a href="#contact">联系我们</a></li>
      </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

	<!-- Section: intro -->
    <section id="intro" class="intro">
	
		<div class="slogan">
			<h2>WELCOME TO <span class="text_color">ThenMorethings</span> </h2>
			<h4>我们只做搬运工。We only do a porter</h4>
		</div>
		<div class="page-scroll">
			<a href="#service" class="btn btn-circle">
				<i class="fa fa-angle-double-down animated"></i>
			</a>
		</div>
    </section>
	<!-- /Section: intro -->

	<!-- Section: about -->
    <section id="about" class="home-section text-center">
		<div class="heading-about">
			<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="wow bounceInDown" data-wow-delay="0.4s">
					<div class="section-heading">
					<h2>推荐</h2>
					<i class="fa fa-2x fa-angle-down"></i>

					</div>
					</div>
				</div>
			</div>
			</div>
		</div>
		<div class="container">

		<div class="row">
			<div class="col-lg-2 col-lg-offset-5">
				<hr class="marginbot-50">
			</div>
		</div>
        <div class="row">
            <div class="col-xs-6 col-sm-3 col-md-3">
				<div class="wow bounceInUp" data-wow-delay="0.2s">
                <div class="team boxed-grey">
                    <div class="inner">
                        <div class="avatar"><img id="imgID1" src="" alt="" class="img-responsive img-circle" /></div>
						<h5 id="nameID1"></h5>
                        <p id="contentID1" class="subtitle" ></p>
                    </div>
                </div>
				</div>
            </div>
			<div class="col-xs-6 col-sm-3 col-md-3">
				<div class="wow bounceInUp" data-wow-delay="0.5s">
                <div class="team boxed-grey">
                    <div class="inner">
                        <div class="avatar"><img id="imgID2" src="" alt="" class="img-responsive img-circle" /></div>
						<h5 id="nameID2"></h5>
                        <p id="contentID2" class="subtitle"></p>

                    </div>
                </div>
				</div>
            </div>
			<div class="col-xs-6 col-sm-3 col-md-3">
				<div class="wow bounceInUp" data-wow-delay="0.8s">
                <div class="team boxed-grey">
                    <div class="inner">
                        <div class="avatar"><img id="imgID3" src="" alt="" class="img-responsive img-circle" /></div>
						<h5 id="nameID3"></h5>
                        <p id="contentID3" class="subtitle"></p>

                    </div>
                </div>
				</div>
            </div>
			<div class="col-xs-6 col-sm-3 col-md-3">
				<div class="wow bounceInUp" data-wow-delay="1s">
                <div class="team boxed-grey">
                    <div class="inner">
                        <div class="avatar"><img id="imgID4" src="img/team/4.jpg" alt="" class="img-responsive img-circle" /></div>
						<h5 id="nameID4"></h5>
                        <p id="contentID4" class="subtitle"></p>

                    </div>
                </div>
				</div>
            </div>
        </div>		
		</div>
	</section>
	<!-- /Section: about -->
	

	<!-- Section: services -->
    <section id="service" class="home-section text-center bg-gray">
		
		<div class="heading-about">
			<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="wow bounceInDown" data-wow-delay="0.4s">
					<div class="section-heading">
					<h2>文章列表</h2>
					<i class="fa fa-2x fa-angle-down"></i>

					</div>
					</div>
				</div>
			</div>
			</div>
		</div>
		<div class="container">
        <div class="row">
           <c:forEach items="${EssayList}" var="ess" varStatus="st">
            	<div class="col-sm-3 col-md-3">
				<div class="wow fadeInRight" data-wow-delay="0.2s">
                <div class="service-box">
					<div class="service-icon">
						<img id="essayid${st.count }" src="img/icons/service-icon-4.png" alt="" />
					</div>
					<div class="service-desc">
						<h5><a href="javascript:clickIn('${ess.id }')">${ess.ename}</a></h5>
						<p><span class="summary" style="margin-bottom: 30px">${ess.summary}</span></p>
					</div>
                </div>
				</div>
            </div>
           </c:forEach>
            
        </div>		
		</div>
	</section>
	<!-- /Section: services -->
	

	

	<!-- Section: contact -->
    <section id="contact" class="home-section text-center">
		<div class="heading-contact">
			<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<div class="wow bounceInDown" data-wow-delay="0.4s">
					<div class="section-heading">
				

					</div>
					</div>
				</div>
			</div>
			</div>
		</div>
	</section>
	<!-- /Section: contact -->

	<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-lg-12">
					<div class="wow shake" data-wow-delay="0.4s">
					<div class="page-scroll marginbot-30">
						<a href="#intro" id="totop" class="btn btn-circle">
							<i class="fa fa-angle-double-up animated"></i>
						</a>
					</div>
					</div>
					<p>&copy;Copyright © 2016 | 赣ICP备16003966号 </p>
					
				</div>
			</div>	
		</div>
	</footer>

    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>	
	<script src="js/jquery.scrollTo.js"></script>
	<script src="js/wow.min.js"></script>
    <script src="js/custom.js"></script>

	<script type="text/javascript">
	var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
	document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fac45a0f68a119fbe4d1c4c3ac3044dbd' type='text/javascript'%3E%3C/script%3E"));
	</script> 
	<script type="text/javascript">	
		$(document).ready(function(){
			var url = "${pageContext.request.contextPath}/index.action?time=" + new Date().getTime();
			var params = {
				
			};
			$.post(url,params,function(backDate){
				//解析json文本
				var BackJson = backDate;
				var jsonJs = eval("("+BackJson+")");
				$("#imgID1").attr("src","http://o7kl8ob0l.bkt.clouddn.com/"+jsonJs[0].path);
				$("#imgID2").attr("src","http://o7kl8ob0l.bkt.clouddn.com/"+jsonJs[1].path);
				$("#imgID3").attr("src","http://o7kl8ob0l.bkt.clouddn.com/"+jsonJs[2].path);
				$("#imgID4").attr("src","http://o7kl8ob0l.bkt.clouddn.com/"+jsonJs[3].path);
				$("#nameID1").text(jsonJs[0].name);
				$("#contentID1").text(jsonJs[0].content);
				$("#nameID2").text(jsonJs[1].name);
				$("#contentID2").text(jsonJs[1].content);
				$("#nameID3").text(jsonJs[2].name);
				$("#contentID3").text(jsonJs[2].content);
				$("#nameID4").text(jsonJs[0].name);
				$("#contentID4").text(jsonJs[0].content);
				
			});
		});

</script>
<script type="text/javascript">
	function clickIn(id)
	{
		window.location.href="${pageContext.request.contextPath}/article/"+id;
	
	}

</script>
<jsp:include page="/common/foot.jsp"/>
</body>

</html>
